The IT industry is constantly evolving and it's more or less a requirement today for web developers to be familiar with and to be able to develop for all platforms. A technique that has taken hold and is now widely used is responsive design. Developing responsive design means adapting the layout to the viewing environment; the screen size. Another useful method when developing for different devices is the mobile first theory, which means developing for the mobile screen first. This is done to scale down the site and to clear unnecessary information in order to provide a better user experience.

Detta examensarbete har haft till syfte att åskådliggöra eventuella skillnader och/eller likheter i den upplevda användbarheten vid användandet av en webbplats skapad via Mobile first design och desktop first design. Målsättningen med examensarbetet har varit att ta fram en hifi-prototyp, skapad utifrån Mobile first design, som visualiserade ett designförslag för flygfotoföretaget HimlaFotos startsida. Jämförelsen har utgått ifrån en egendefinierad version av begreppet användbarhet baserad på ISO:s definition, där användbarhet består av tre faktorer; kraftfullhet, effektivitet och tillfredställelse. För att samla in data om den upplevda användbarheten har användartester genomförts. Flera likheter har identifierats gällande användbarhetsmåtten kraftfullhet och effektivitet, medan skillnader har funnits vid måttet för tillfredställelse.

This report presents the development process of a mobile interface for the C2-monitor. A monitoring tool used to support the operations for the broadcasting services of Ericsson Broadcasting and Media Services (EBMS). With the support of the C2-monitor, operators can monitor hundreds of channels and services produced from EBMS. To enhance a more flexible working environment, the C2-monitor needs to be developed further to support mobile devices with a customized design to take advantage of mobile phones features and functionality. Established and well-recognized design methods and principles have been applied in the development process and user testing have been made iteratively throughout the project.

The Mobile phone has contributed to massive changes in the way that human beings communicate with each other and is a technology that is a part of society?s globalization. Opinions differ in the area of user interface where some feel that mobile phones exclude users such as senior citizens or users with an intellectual or a physical disability.Universal Design ??design for all?, is a vision that intends to bring about settings, products and services that suits as many people as possible irrespective of an individual?s needs and prospects. The criteria for ?design for all? are among other things flexibility, user friendliness, comprehensibility and a high tolerance for mistakes.The purpose of this essay is to investigate the mobile phones graphic user-interface from the theory of a universal design.

The thesis analyzes two different approaches towards responsive web design, Mobile-first and Desktop-first. Responsive web design is a concept for websites whose design is customised based on the screen size. The analysis is performed by collecting views on the methods and also analyzing the usage of mobile and desktop internet to create a prototype of a responsive website where both methods are beeing used.The main difference between the methods is the foundation, where one is designed for mobile and the other for desktop. The thesis indicates that Mobilef-irst gives a better result for the mobile, which unlike the computer has poor performance, smaller screen and poor internet connection, therefore an advantage for the device that needs more focus to maintain a fast response. Desktop-first does not take this opportunity, but focus instead on the computer where the performance is better, which leads to a unnoticeable difference in response time.

The use of mobile devices has increased dramatically in recent years and the development of newtechnologies has made it difficult for developers to know what screen size and device the visitor isusing. This has resulted in the fact that today there is a problem with the interface for web pages onmobile devices. They are not adapted to the flexibility required for the interfaces to be recognizedon various mobile devices. Instead of developing two separate web pages, where one is designed formobile devices and one for desktop and keep them both continously updated, responsive webdesign simplifies the work process. Responsive web design is a flexible and dynamic interface thatadapts to mobile device and screen sizes.

Mobile technology is developing quickly and becomming a part of daily life and communication. Bluetooth Low Energy is presented as a new way of mobile interaction. However there are not enough studies in this field on the interaction between mobile devices and the physical world. In order to understand user needs, and to encourage users to interact, we simulated an interaction process through designing and testing a prototype in a specific indoor environment. Prototype effectiveness and main characteristics for future mobile application was evaluated through a qualitative user study with 20 participants who interacted with our prototype..

The Mobile phone has contributed to massive changes in the way that human beings communicate with each other and is a part of society?s globalization. Opinions differ in the area of user interface where some feel that mobile phones exclude users such as senior citizens or users with an intellectual or a physical disability.Universal Design ??design for all?, is a vision that intends to bring about settings, products and services that suits as many people as possible irrespective of an individual?s needs and prospects. The criteria for ?design for all? are among other things flexibility, user friendliness, comprehensibility and a high tolerance for mistakes.The purpose of this essay was to investigate the mobile phones graphic user-interface from the theory of a universal design.

This paper reports a study on the usability of e-commerce accessed through smartphones. There is much research in the usability of mobile interfaces and many sets of design patterns have been created but a few studies are available for specific domains, and in this report we focus on mobile e-commerce. In this study a framework is developed for how to design mobile e-commerce interfaces with a high degree of usability. Furthermore, the study also contributes a method to how other specific domain can develop a framework with general standards to work from when creating a web interface. By examining two sets of design principles and 14 design patterns, we evaluate which ones are critical in the design of a mobile e-commerce interface for achieving a high degree of usability.

Denna rapport redovisar för design- och utvecklingsprocessen i byggandet av en responsiv webbsida. Webbsidan skapades för användning av den blivande spelstudion Rocket Luncher Studios. Wordpress som CMS (Content Management System) har används som innehålls-hanteringssystem för att förenkla uppdatering av webbsidan av uppdragsgivaren själva. Webbsidan är kodad utifrån Luke Wroblewskis ?mobile-first?-tänk, vilket börjar med att fokusera designen på mindre skärmar för att sedan anpassa innehållet mot större skärmstorlekar.

In my study, I have chosen to examine how the user interface and content must conform to design guidelines for responsive design makes it suitable for diverse desktop environment and for varied mobile platforms. The purpose of this study is to examine the extent recommended design guidelines based on scientific research has a positive impact on user performance and perception when using this study delivered hi-fi prototype. The goal of this study is to provide a Hi-Fi prototype with high usability that will introduce and inform the public about BrasilCine according specifications. Study findings from user testing and supplementary questionnaires show that the implemented technologies as design guidelines for responsive design and design features have a positive impact on user performance and perception. The study results are therefore relevant for further prototype development..

A good flow of information in organizations is one of the key aspects of how we define a well-functioning organization. The information flow could be internal as well as external between actors within as well as outside of the organization. In a logistics organization this flow of information is equally important as in any other kind of organization. In this paper we have explored information flows in logistics organizations by applying, boundary spanning and the mobile-stationary divide perspective. In boundary spanning the main goal is to erase or relocate some of the boundaries within an organization, in our case to make the flow of information internally as well as externally better.

The work has been performed in collaboration with Jönköping University. The aim of this work has been to study different methods for mobile adaption of large CMS (Content Management System) websites, where the website of Jönköping has been used as a reference.The website at Jönköping University is used daily by current students, faculties, prospective students and external users. Research carried out by the University shows that the use of mobile devices has increased, and it is therefore necessary to examine the mobile adaptation of the large CMS website.A layout proposal has been suggested by determining which method that is most relevant for mobile adaption of a large CMS website. The website should adapt to different resolutions and devices according to how the existing website is based in the current situation. Emphasis has been put on menu operations, to navigate through the large website in a user-friendly way.

This essay presents a survey that was conducted on 52 college students regarding their opinions on advertisement received to the mobile phone. The questionnaire survey focused on what college students think of advertising to the mobile phone and what attitude they have towards it. The thoughts behind this study are that advertisement to the mobile phones is something that is getting more popular when the mobile phone is getting more advanced. The result of the study showed that college students are not that interested in receiving advertisement to their mobile phones. Several of the college students that participated in the study already get advertisement to their mobile phones, advertisement that they don't want because it doesn't reflect their interests.

With the new generation of smartphones the boundaries for what is a mobile phone and whatis a computer becomes more subtle. 2009 the shipment of smartphones with touchscreen morethan double the 2008 figure and the total amount of smartphones is now over 10 % of the totalworldwide shipments of mobile phones. There?s still one problem to solve and that is the lackof web content specifically adapted for smartphones.The purpose of this paper is to identify and analyze from a user and usability perspective howto make a successful migration and design of a user interface for an existing web basedsystem so that it also fit smartphones.The paper starts with a theoretical reference material containing examples of differentapproaches for design and migration of an interface.A case study is performed and prototypes are designed with support from guidelines andrecommendations in the theory part.The conclusion stipulates that in the present situation there are no shortcuts when it comes tomigration of an existing web based system for the mobile web. The recommendation is aspecific interface for each different unit that are going to interact with the system.Research that analyzes differences between all mobile web browsers would be of greatinterest, a research that hopefully leads to guidelines for what level of mobile web standardthey should at least support.